@import "../../public/common/Fn.scss"; 
html{
   background: #f3f3f3;
}

body{
	background: #f3f3f3;
}

.page-Topswiper{
	height: 4.5rem; 
	
	.swiper-container{
		height: 100%;
	}
	.swiper-slide{
		background-size:100% 100% ;
	}
	
	a{
	    -webkit-tap-highlight-color: transparent;
	   -webkit-touch-callout: none;
	   -webkit-user-select: none;
	}
}

.page-TopNav{
   height:5.74rem;
   width:100%;
   background: #fff;
   
   a{
		-webkit-tap-highlight-color: transparent;
	   -webkit-touch-callout: none;
	   -webkit-user-select: none;
	}
   
   .page-TopNav--warpper{
     width: 6.8rem;
     height: 100%;
     position: relative;
     left: 0.38rem;
   }
   
   .page-TopNav--Row{
   	   height: 1.9rem;
   	   width: 100%;
   }
   
   .row1{
   	position: relative;
   	top: 0.56rem;
   }
   
   .row2{
   	position: relative;
   	top: 0.9rem;
   }
   
   .page-TopNav--item{
   	width: 1.4rem; 
   	transition:opacity 0.3s;
   	
   	&:active{
   		opacity: 0.4;
   	}
   	
   	.item-pic{
   		width: 100%;
   		height: 1.38rem;
   		border: 1px solid #d2d2d2;
   		border-radius: 0.2rem;	
   		
   		img{
   			height: 50%;
		    width: 60%;
		    position: relative;
		    top: 25%;
		    left: 20%;
   		}
   	}
   	.item-text{
   		text-align: center;
   		font-size: 0.32rem;
   		line-height: 0.7rem;
   		height: 0.7rem;
   	}
  }
  
}

.page-picBox{
	height: 3.35rem;
	width: 100%;
	overflow: hidden;
	
	.img{
		width: 100%;
		height: 100%;
	}
}
 